<template>
	<div class="b-raise-list">
		<el-breadcrumb separator="/">
			<el-breadcrumb-item :to="{ path: '/' }"><i class="lh lh-sys fw_100"></i></el-breadcrumb-item>
			<el-breadcrumb-item>系统设置</el-breadcrumb-item>
			<el-breadcrumb-item>B端加价</el-breadcrumb-item>
		</el-breadcrumb>
		<div class="content_Box box-shadow mt_15">
			<div class="py_5 px_10">
				<el-row>
					<el-col :span="2">
						<el-button type="success" class="fl" @click="addPriceBtn()" round size="mini">新增B端加价</el-button>
					</el-col>
					<el-col :span="22">
						<el-form :inline="true" class="form-inline fr" @keyup.enter.native="shearchBtn()">
							<lh-agent-list @sendValue="setValue" :reset="agent_reset"></lh-agent-list>

							<el-form-item class="w_120">
								<el-select v-model="query.city_id" placeholder="城市" @change="changeSelectCity">
									<el-option v-for="item in cityList" :key="item.id" :label="item.name" :value="item.id"></el-option>
								</el-select>
							</el-form-item>

							<el-form-item class="w_130">
								<el-select
									v-model="query.area_id"
									clearable
									filterable
									placeholder="商圈"
									@change="changeBtndialogarea"
								>
									<el-option
										v-for="item in areaList"
										:key="item.id"
										:label="item.area_name"
										:value="item.id"
									></el-option>
								</el-select>
							</el-form-item>

							<el-form-item class="w_150">
								<el-autocomplete
									class="inline-input"
									v-model="query.shop_name"
									:fetch-suggestions="querySearch"
									placeholder="店铺名称"
									:trigger-on-focus="true"
									@select="handleSelect"
									clearable
								></el-autocomplete>
							</el-form-item>

							<el-form-item class="w_100">
								<el-select
									v-model="query.industry_id"
									placeholder="行业"
									@change="changeIndustry(query.industry_id, 'search')"
									clearable
								>
									<el-option
										v-for="item in searchIndustryArr"
										:key="item.id"
										:label="item.label_name"
										:value="item.id"
									></el-option>
								</el-select>
							</el-form-item>

							<el-form-item class="w_100">
								<el-select v-model="query.label_id" placeholder="岗位" clearable filterable>
									<el-option
										v-for="item in mesarr"
										:key="item.id"
										:label="item.label_name"
										:value="item.id"
									></el-option>
								</el-select>
							</el-form-item>

							<el-form-item class="w_100">
								<el-select v-model="query.status" placeholder="状态" clearable>
									<el-option label="启用" value="1"></el-option>
									<el-option label="已停用" value="2"></el-option>
									<el-option label="已过期" value="3"></el-option>
								</el-select>
							</el-form-item>
							<el-button size="mini" type="primary" native-type="button" class="round-right" @click="shearchBtn"
								>搜索</el-button
							>
							<el-button size="mini" round @click="resetBtn">重置</el-button>
						</el-form>
					</el-col>
				</el-row>
			</div>
			<div class="tableMaxBox">
				<template>
					<el-table :data="demandList" stripe>
						<el-table-column prop="id" label="编号" align="center"></el-table-column>
						<el-table-column prop="industry_name" label="所属行业"></el-table-column>
						<el-table-column prop="label_name" label="岗位名称"></el-table-column>
						<el-table-column prop="city_name" label="城市" width="70"></el-table-column>
						<el-table-column prop="area_name" label="执行商圈"></el-table-column>
						<el-table-column prop="shop_name" min-width="160" label="执行店铺"></el-table-column>
						<el-table-column prop="label_name" label="调价单位">
							<template> <span>小时</span> </template>
						</el-table-column>
						<el-table-column prop="price_b" width="100" label="调整价格">
							<template slot-scope="{ row }">
								<span class="text-danger">{{ row.price_b | filterNumber }}元/小时</span>
							</template>
						</el-table-column>
						<el-table-column prop="start_time" min-width="150" label="加价开始日期"></el-table-column>
						<el-table-column prop="end_time" min-width="150" label="加价结束日期"></el-table-column>
						<el-table-column prop="creater_name" label="状态" width="70px;">
							<template slot-scope="{ row }">
								<span class="text-success" v-if="row.status == '1'">正常</span>
								<span class="text-danger" v-if="row.status == '2'">已停用</span>
								<span class="text-danger" v-if="row.status == '3'">已过期</span>
							</template>
						</el-table-column>
						<el-table-column prop="creater_name" label="操作人" width="100"></el-table-column>
						<el-table-column prop="add_time" label="创建时间" width="150"></el-table-column>
						<el-table-column label="操作" width="100" fixed="right">
							<template slot-scope="{ row }">
								<el-link
									type="danger"
									:underline="false"
									v-if="row.status == '1' && row.status != '3'"
									@click="redactBtn(row)"
									>禁用</el-link
								>
								<el-link
									type="success"
									:underline="false"
									v-if="row.status == '2' && row.status != '3'"
									@click="redactBtn(row)"
									>启用</el-link
								>
								<el-link :underline="false" type="info" @click="addPriceBtn(row)">查看</el-link>
							</template>
						</el-table-column>
					</el-table>

					<!-- 分页组件 -->
					<page :total="total" :pageNums="pageNum" :disableMountedFetch="true" @pagedata="onChildValue"></page>
				</template>
			</div>
		</div>

		<!-- 计价规则 -->
		<el-dialog
			:title="diaTitle"
			:visible.sync="priceStaticShow"
			width="900px"
			:close-on-click-modal="false"
			:before-close="hiddenRY"
		>
			<div class="row-info clear">
				<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>执行城市</div>
				<div class="fl list-cont b">
					<el-select
						:disabled="dataMesDisabled"
						v-model="dataMes.city_arr"
						placeholder="请选择"
						@change="changeBtndialogselect"
					>
						<el-option
							v-for="item in dataMes.cityList"
							:key="item.id"
							:label="item.city_name"
							:value="`${item.id}|${item.city_name}`"
						></el-option>
					</el-select>
				</div>
			</div>
			<div class="row-info clear">
				<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing" v-if="userType != 1"></i>商圈</div>
				<div class="fl list-cont a">
					<el-select
						:disabled="dataMesDisabled"
						v-model="dataMes.area_arr"
						placeholder="请选择"
						@change="changeBtndialogareaNext"
					>
						<el-option
							v-for="item in dataMes.areaList"
							:key="item.id"
							:label="item.area_name"
							:value="`${item.id}|${item.area_name}`"
						></el-option>
					</el-select>
				</div>
			</div>
			<div class="row-info clear">
				<div class="fl title-key">执行店铺</div>
				<div class="fl list-cont a">
					<el-autocomplete
						class="inline-input"
						v-model="dataMes.shop_name"
						:fetch-suggestions="querySearchNext"
						placeholder="请选择店铺名称"
						:trigger-on-focus="true"
						:disabled="dataMesDisabled"
						@select="handleSelectNext"
					></el-autocomplete>
				</div>
			</div>
			<div class="auditCentent">
				<div class="row-info clear">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>所属行业</div>
					<div class="fl list-cont a">
						<el-select
							:disabled="dataMesDisabled"
							v-model="dataMes.industry"
							@change="changeIndustry(dataMes.industry, '')"
						>
							<!-- <el-option label="餐饮" value="1"></el-option> -->
							<el-option
								v-for="(item, index) in industryJobList"
								:key="index"
								:label="item.label_name"
								:value="item.id"
							></el-option>
						</el-select>
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>岗位名称</div>
					<div class="fl list-cont b">
						<el-select
							:disabled="dataMesDisabled"
							v-model="dataMes.label_arr"
							placeholder="请选择"
							@change="changeAddLabel"
						>
							<el-option
								v-for="item in dataMes.mesarr"
								:key="item.id"
								:label="item.label_name"
								:value="`${item.id}|${item.label_name}`"
							></el-option>
						</el-select>
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>计价方式</div>
					<div class="fl list-cont a">
						<el-select v-model="dataMes.type" :disabled="dataMesDisabled" placeholder="请选择">
							<el-option label="小时" value="hours"></el-option>
						</el-select>
					</div>
				</div>

				<div class="row-info clear">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>调整价格</div>
					<div class="fl list-cont price-select">
						<el-select v-model="dataMes.price_type" :disabled="dataMesDisabled">
							<el-option label="加" value="1"></el-option>
							<el-option label="减" value="0"></el-option>
						</el-select>
					</div>
					<div class="fl list-cont b price-number">
						<el-input
							v-model="dataMes.price_b"
							@input="changeInput"
							:disabled="dataMesDisabled"
							placeholder="请输入"
						></el-input>
					</div>
					<div class="fl title-key" style="width: 100px; text-align: left; margin-left: 10px;">元</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>加价开始日期</div>
					<div class="fl list-cont a">
						<el-date-picker
							:disabled="dataMesDisabled"
							v-model="dataMes.start_time"
							value-format="yyyy-MM-dd"
							type="date"
							placeholder="选择日期"
						>
						</el-date-picker>
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>加价结束日期</div>
					<div class="fl list-cont a">
						<el-date-picker
							:disabled="dataMesDisabled"
							v-model="dataMes.end_time"
							value-format="yyyy-MM-dd"
							type="date"
							placeholder="选择日期"
						>
						</el-date-picker>
					</div>
				</div>

				<div class="row-info clear">
					<div class="fl title-key">备注</div>
					<div class="fl list-cont a">
						<el-input
							type="textarea"
							:disabled="dataMesDisabled"
							:rows="8"
							:cols="44"
							placeholder="请输入内容"
							v-model="dataMes.info"
						></el-input>
					</div>
				</div>
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" v-if="!dataMesDisabled" @click="addMenuBtnAdd()">确 定</span>
				<span class="resetBtn" @click="hiddenRY()">取 消</span>
			</div>
		</el-dialog>
	</div>
</template>

<script>
var common = require('../../../static/tool.js')
import { fetchPriceList, priceAddB, fetchPriceInfo, saveStatusB } from '@/api/price.js'
import { fetchCityList } from '@/api/city.js'
import { fetchAreaList, fetchShopList } from '@/api/shop.js'
import { fetchIndustryJob } from '@/api/label.js'
import dayjs from 'dayjs'

export default {
	name: 'ShopList',
	data() {
		return {
			id: '',
			manageInfo: JSON.parse(sessionStorage.getItem('manageInfo')), //登录信息
			url: common.url,
			userType: '', // 1主账号 2代理商
			demandList: [], //店铺列表
			diaTitle: '', //弹框title
			priceStaticShow: false, //新增计价

			//下拉框数据
			cityList: [], //城市列表
			areaList: [], //区域列表
			shopList: [], //店铺列
			mesarr: [], //任务标签列表
			query: {
				agent_id: '',
				label_id: '',
				city_id: '',
				area_id: '',
				shop_name: '', //店铺名称
				shop_sn: '', //店铺sn
				status: '1'
			},
			dataMesDisabled: false,
			dataMes: {
				id: '',
				industry: '',

				mesarr: [],
				label_arr: '',
				label_id: '',
				label_name: '',

				type: 'hours',
				price_type: '1',
				price_b: '',

				cityList: [],
				city_arr: '',
				city_id: '',
				city_name: '',

				areaList: [],
				area_arr: '',
				area_id: '',
				area_name: '',

				shopList: [],
				shop_name: '',
				shop_sn: '',

				info: '',

				start_time: '',
				end_time: ''
			},

			//向分页组件传值
			total: 0,
			pageNum: 1,
			pageSizeNow: 20,
			industryJobList: [],
			agent_reset: 0,
			searchIndustryArr: [] //搜索项的行业岗位
		}
	},

	mounted() {
		this.userType = this.manageInfo.user_info.type
		this.getcityList()
		this.alljob_type()
	},
	methods: {
		// 代理商组件回传
		async setValue(arrVal) {
			this.query.agent_id = arrVal.agent_id
			this.cityList = arrVal.city_list
			this.query.city_id = this.cityList[0].id
			await this.listArea() //商圈列表
			await this.getShopList(1)
			await this.fetchList()
		},
		async listArea() {
			try {
				let ret = await fetchAreaList({
					city_id: this.query.city_id
				})
				let areaList = []
				ret.list.forEach(item => {
					item.value = item.area_name
					if (item.id != 0) areaList.push(item)
				})
				this.areaList = areaList
				this.query.area_id = ''
			} catch (err) {
				console.log(err)
			}
		},
		// 店铺集合 1 搜索栏   2添加修改
		async getShopList(type) {
			try {
				let ret = await fetchShopList({
					city_id: type == 1 ? this.query.city_id : this.dataMes.city_id,
					area_id: type == 1 ? this.query.area_id : this.dataMes.area_id,
					fields: 'id,name,shop_sn,area_id,area_name,city_id,city_name'
				})
				ret.list.forEach(item => {
					item.value = item.name
				})
				if (type == 1) {
					this.shopList = ret.list
				} else {
					this.dataMes.shopList = ret.list
				}
			} catch (err) {
				console.log('获取店铺报错', err)
			}
		},
		// 获取列表
		async fetchList() {
			try {
				let res = await fetchPriceList({
					pageSize: this.pageSizeNow,
					page: this.pageNum,
					...this.query
				})
				this.demandList = res.list
				this.total = res.count
			} catch (err) {
				console.log(err)
			}
		},
		//获取城市列表
		async getcityList() {
			try {
				let ret = await fetchCityList()
				this.dataMes.cityList = ret.list
			} catch (err) {
				console.log(err)
			}
		},
		// 状态转换
		async redactBtn(row) {
			console.log(row)
			try {
				let ret = await this.$confirm(`确认要${row.status == '1' ? '停用' : '启用'}该条计价吗？`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				})
				if (ret === 'cancel') return
				await saveStatusB({
					id: row.id,
					status: +row.status === 1 ? 2 : 1
				})
				this.$message.success('操作成功')
				this.fetchList()
			} catch (err) {
				console.log(err)
			}
		},

		//隐藏商户弹框
		hiddenRY() {
			this.priceStaticShow = false

			for (let key in this.dataMes) {
				if (key == 'cityList') continue
				this.dataMes[key] = typeof this.dataMes[key] == 'object' ? [] : ''
			}
			this.dataMes.type = 'hours'
			this.dataMes.price_type = '1'
		},

		async changeSelectCity() {
			await this.listArea() //商圈列表
		},

		changeInput(ev) {
			if (isNaN(ev)) return this.$message.error('请输入数字！')
			if (/^\d+\.\d+$/.test(ev)) {
				if (ev.toString().split('.')[1].length > 2) {
					this.dataMes.price_b = Number(ev).toFixed(2)
				}
			}
		},

		// 选择城市监听
		async changeBtndialogselect(ev) {
			try {
				let [id, name] = ev.split('|')
				this.dataMes.city_id = id.toString()
				this.dataMes.city_name = name.toString()
				//显示对应城市的的商圈
				this.dataMes.areaList = []
				this.dataMes.area_arr = ''
				this.dataMes.area_id = ''
				this.dataMes.area_name = ''

				this.dataMes.shopList = []
				this.dataMes.shop_id = ''
				this.dataMes.shop_name = ''

				let ret = await fetchAreaList({
					city_id: this.dataMes.city_id,
					city_name: this.dataMes.city_name
				})
				let areaList = []
				ret.list.forEach(item => {
					item.value = item.area_name
					if (item.id != 0) areaList.push(item)
				})
				this.dataMes.areaList = areaList
				this.dataMes.industry = ''
				this.dataMes.label_arr = ''
				this.getIndustryJob()
			} catch (err) {
				console.log(err)
			}
		},

		changeAddLabel(ev) {
			let [id, name] = ev.split('|')
			this.dataMes.label_id = id.toString()
			this.dataMes.label_name = name.toString()
		},

		// 添加加价 选择商圈监听
		changeBtndialogarea() {
			this.query.shop_name = '' //店铺名称
			this.query.shop_sn = '' //店铺sn
			this.getShopList(1)
		},

		// 添加加价 选择商圈监听
		changeBtndialogareaNext(ev) {
			let [id, name] = ev.split('|')
			this.dataMes.area_id = id.toString()
			this.dataMes.area_name = name.toString()
			this.getIndustryJob()

			this.dataMes.shop_name = ''
			this.dataMes.shop_id = ''
			this.dataMes.shopList = []
			this.getShopList(2)
		},

		shearchBtn() {
			// 搜索
			this.pageNum = 1
			this.fetchList()
		},

		resetBtn() {
			//重置
			this.resetSelectData() //重置请求数据
			this.pageNum = 1
			this.fetchList()
		},

		resetSelectData() {
			this.query.agent_id = ''
			this.query.label_id = ''
			this.query.city_id = ''
			this.query.area_id = ''
			this.query.shop_name = ''
			this.query.shop_sn = ''
			this.areaList = []
			this.agent_reset += 1
		},

		//标签接口
		async alljob_type() {
			try {
				let res = await fetchIndustryJob()
				this.searchIndustryArr = res
			} catch (err) {
				console.log(err)
			}
		},

		goToEdit(row) {
			//编辑页面
			this.$router.push({
				path: '/merchantsEdit',
				query: {
					id: row.id
				}
			})
		},

		async addPriceBtn(row) {
			try {
				if (row) {
					this.diaTitle = '规则详情'
					// 详情查询
					let ret = await fetchPriceInfo({
						id: row.id
					})
					console.log(ret)
					this.dataMes.industry = ret.industry
					this.dataMes.label_arr = ret.label_id + '|' + ret.label_name
					this.dataMes.label_id = ret.label_id.toString()
					this.dataMes.label_name = ret.label_name

					this.dataMes.city_arr = ret.city_id + '|' + ret.city_name
					this.dataMes.city_id = ret.city_id.toString()
					this.dataMes.city_name = ret.city_name
					this.dataMes.area_arr = ret.area_id == 0 ? '' : ret.area_id + '|' + ret.area_name
					this.dataMes.area_id = ret.area_id.toString()
					this.dataMes.area_name = ret.area_name
					this.dataMes.shop_sn = ret.shop_sn
					this.dataMes.shop_name = ret.shop_name
					this.dataMes.info = ret.info
					this.dataMes.start_time = dayjs(ret.start_time).format('YYYY-MM-DD')
					this.dataMes.end_time = dayjs(ret.end_time).format('YYYY-MM-DD')
					this.dataMes.type = 'hours'
					this.dataMes.price_type = ret.price_b > 0 ? '1' : '0'
					this.dataMes.price_b = ret.price_b > 0 ? ret.price_b : Math.abs(ret.price_b)
					this.dataMesDisabled = true

					let fn = new FormData()
					fn.append('city_id', ret.city_id)
					// if (this.next_shop_sns) {
					fn.append('shop_id', ret.shop_id)
					// }
					// fn.append('industry', dataMes.industry)
					this.$http.post(this.url + '/label/industryJob', fn).then(
						res => {
							if (res.data.msg == '查询成功' || res.data.code == '200') {
								this.industryJobList = res.data.data
								this.dataMes.mesarr = this.industryJobList.filter(x => x.id == +this.dataMes.industry)[0].children
							} else if (res.data.code == '8886') {
								//code   8886  登录过期
								sessionStorage.clear()
								this.$alert('登录已过期，请重新登录 !', '提示', {
									confirmButtonText: '确定',
									callback: action => {
										window.location = 'login.html'
									}
								})
								return
							} else {
								this.$message.error(res.data.msg)
								return
							}
						},
						res => {
							this.$message.error('网络错误！')
							return
						}
					)
				} else {
					this.diaTitle = '新增B端加价'
					this.dataMesDisabled = false
				}
				this.priceStaticShow = true
			} catch (err) {}
		},

		//店铺的自动完成
		querySearch(queryString, cb) {
			var restaurants = this.shopList
			var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
			// 调用 callback 返回建议列表的数据
			cb(results)
		},
		createFilter(queryString) {
			return restaurant => {
				return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
			}
		},
		handleSelect(ev) {
			this.query.shop_sn = ev ? ev.shop_sn : ''
		},

		//店铺的自动完成
		querySearchNext(queryString, cb) {
			var restaurants = this.dataMes.shopList
			var results = queryString ? restaurants.filter(this.createFilterNext(queryString)) : restaurants
			// 调用 callback 返回建议列表的数据
			cb(results)
		},
		createFilterNext(queryString) {
			return restaurant => {
				return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
			}
		},
		handleSelectNext(item) {
			console.log(item)
			this.dataMes.shop_sn = item.shop_sn
			this.next_shop_sn = item.shop_sn
			this.getIndustryJob()
			if (item.city_name) {
				this.dataMes.city_arr = `${item.city_id}|${item.city_name}`
				this.dataMes.city_id = item.city_id
				this.dataMes.city_name = item.city_name
			}

			if (item.area_name) {
				this.dataMes.area_arr = item.area_id + '|' + item.area_name
				this.dataMes.area_id = item.area_id.toString()
				this.dataMes.area_name = item.area_name
			}
		},

		//分页组件->子组件传值
		onChildValue(item) {
			this.pageNum = item[0]
			this.pageSizeNow = item[1]
			this.fetchList()
		},

		//添加计价规则
		async addMenuBtnAdd() {
			console.log(this.dataMes)
			try {
				if (this.dataMes.industry == '') {
					this.$message.error('请选择所属行业！')
					return false
				} else if (this.dataMes.area_id == '' && this.userType != 1) {
					this.$message.error('请选择商圈！')
					return false
				} else if (this.dataMes.label_id == '') {
					this.$message.error('请选择岗位！')
					return false
				} else if (this.dataMes.type == '') {
					this.$message.error('请选择调整计价方式！')
					return false
				} else if (isNaN(this.dataMes.price_b)) {
					this.$message.error('调整价格请输入数字！')
					return false
				} else if (this.dataMes.price_b == '') {
					this.$message.error('请输入调整价格！')
					return false
				} else if (this.dataMes.price_b < 0) {
					this.$message.error('调整价格不可为负数！')
					return false
				} else if (this.dataMes.price_b > 200) {
					this.$message.error('调整价格不可大于200元！')
					return false
				} else if (this.dataMes.city_id == '') {
					this.$message.error('请选择执行城市！')
					return false
				}
				let data = {
					industry: +this.dataMes.industry,
					label_name: this.dataMes.label_name,
					label_id: +this.dataMes.label_id,
					city_id: +this.dataMes.city_id,
					city_name: this.dataMes.city_name,
					area_id: +this.dataMes.area_id,
					shop_sn: this.dataMes.shop_sn,
					price_b: this.dataMes.price_type == '1' ? this.dataMes.price_b : '-' + this.dataMes.price_b,
					start_time: this.dataMes.start_time,
					end_time: this.dataMes.end_time,
					info: this.dataMes.info
				}
				console.log(data)
				await priceAddB(data)
				this.$message.success('添加成功')
				this.hiddenRY()
				this.fetchList()
			} catch (err) {
				console.log(err)
			}
		},
		async getIndustryJob() {
			try {
				let ret = await fetchIndustryJob({
					// label_type: 'job_type',
					city_id: this.dataMes.city_id,
					// indusry: this.dataMes.industry,
					shop_sn: this.next_shop_sn
				})

				this.industryJobList = ret
			} catch (err) {
				console.log(err)
			}
		},
		changeIndustry(val, type) {
			if (!val && type == 'search') {
				this.mesarr = []
				this.query.label_id = ''
			} else if (type == 'search') {
				//搜索行业监听
				this.mesarr = this.searchIndustryArr.filter(x => x.id == val)[0].children
				this.query.label_id = ''
			} else {
				// 新增加价 行业监听
				this.dataMes.label_arr = ''
				this.dataMes.mesarr = this.industryJobList.filter(x => x.id == this.dataMes.industry)[0].children
			}
		}
	},
	filters: {}
}
</script>

<style scoped>
.search_box {
	width: 790px;
}
.auditCentent .labels {
	min-height: 100px;
}
.auditCentent .labels .labels_label {
	~ o(*￣▽￣*)ブfloat: left;
	cursor: pointer;
}
.check_label {
	background: var(--purple4);
	color: #fff;
	border: none;
}
.pdf {
	width: 860px;
	height: 600px;
}
.main_user {
	background: var(--zfy-red);
	color: #fff;
	text-decoration: none;
	padding: 2px 4px;
	border-radius: 4px;
}
@media (max-width: 767.78px) {
	.titleBox {
		height: 40px;
	}
}

.row-info {
	padding: 10px 0;
}
</style>
<style>
.b-raise-list .price-select .el-input .el-input__inner {
	width: 60px !important;
}
.b-raise-list .row-info .title-key {
	width: 100px;
}
.b-raise-list .el-date-editor.el-input,
.el-date-editor.el-input__inner {
	width: 300px;
}

.b-raise-list .price-number .el-input .el-input__inner {
	width: 100px !important;
	text-align: right !important;
}
</style>



// WEBPACK FOOTER //
// src/components/shopPrice/BRaiseList.vue